<template>
  <div class="mine">
     <van-nav-bar
      title="修改个人信息"
      left-text="返回"
      right-text="Mine"
      left-arrow
      @click-left="onClickLeft"
      @click-right="onClickRight"
    /> 
    <div class="head">
   
<van-cell title="修改个人信息" is-link  @click="$router.push('/changeinfo')"/>
<van-cell title="修改密码" is-link  @click="$router.push('/changepwd')"/>
<van-cell title="地址列表" is-link  @click="$router.push('/addresslist')"/>
<van-cell title="订单信息" is-link  @click="$router.push('/order')"/>
     <van-button type="default" @click="signout">退出登录</van-button>

 </div>
  </div>
</template>

<script>
import { Toast } from "vant";
import { removeToken } from "@/util/auth";
export default {
  data() {
    return {};
  },
  computed: {},
  watch: {},

  methods: {
    signout(){
         removeToken();
      Toast.success("退出成功");
      setTimeout(() => {
        this.$router.replace({
          name: "Login",
        });
      }, 1000);
    },
    onClickLeft(){
       this.$router.go(-1);
    },
     onClickRight() {
      this.$router.push("Mine");
    },
  },
  created() {},
  mounted() {},
  components: {},
};
</script>
<style scoped>

.van-button{
  margin-left: 150px;
  margin-top: 30px;
  background-color: rgba(169, 169, 169, 0.37);
}

</style>
